﻿  body {
background:url(../images/bg.jpg) no-repeat top center #97cae4;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #3b5564;
}


h2
{
    font-weight:bold;
color:#778899;
font-size:30px;
float:left;
margin-left:33px;
font-family:VnArial;
}

#main_container{
width:900px;
height:auto;
margin:auto;
background-color:#fff;
}
.header{
width:900px;
height:120px;
margin:auto;
position:absolute;
}
.right_header{
float:right;
width:700px;
}


/*---------------------main_content------------------*/
#main_content{
width:885px;
height: 800px;
margin: auto;
padding:0 0 0 15px;
}
.clear{
clear:both;
}


/*-----------------------------footer------------------*/
#footer{
width:900px;
height:45px;
color:#508aa1;
background-color:#e8eff2;

}

#center_footer{
color:#c3ced4;
font-size:12px;
font-weight:bold;
width:500px;
padding:15px;
margin-left:180px;
}
label
{
    font-size:13px;
    float:right;
    margin:10px 10px 0 0;
}

#linktop ul
{
  float:right;
  margin: 10px 20px 0 0;
  list-style:none;
  }
  #linktop ul li
  {
      padding:3px;}
  #linktop ul li a
  
  { text-decoration:none;
      color:Black;
  font-weight:bold;    
  }
  #linktop ul li a:hover
  {
     
      color: #68C2EF
  }
  
  ul#topnav {
 margin: 0; padding: 0;
 float: left;
 width: 100%;
 list-style: none;
 position: relative; /*--thiết lập vị trí của ul chưa menu--*/
font-weight:bold;
 font-size: 12px;
 color: #778899;

 background-color: #fff;

}
ul#topnav li {
 float: left;
 
 margin-left:10px; padding: 0;
 border-right: 0px solid #555; /*-- các menu li --*/
 
}
ul#topnav li a {
 padding: 6px 10px;
 display: block;
 color: #778899;
 text-decoration: none;
}

#topnav li a:hover,
#topnav li a:active,
#topnav li a:focus {
 color: black;  /* Màu chữ khi rê chuột vào */
background-color:#F5F5F5; /* Màu nền khi rê chuột vào */
}

ul#topnav li:hover {background:White; }

ul#topnav li span {
 float: left;
 padding: 6px 0;
 position: absolute;
 left: 0; top:26px;
 display: none; /*-- mặc định menu cấp 2 là ẩn --*/
 width: 100%;
 background: #F5F5F5;
 color: #778899;
 /*--Bottom right rounded corner--*/
 -moz-border-radius-bottomright: 7px;
 -khtml-border-radius-bottomright: 7px;
 -webkit-border-bottom-right-radius:7px;
 /*--Bottom left rounded corner--*/
 -moz-border-radius-bottomleft: 7px;
 -khtml-border-radius-bottomleft: 7px;
 -webkit-border-bottom-left-radius: 7px;
}
ul#topnav li:hover span { display: block;} /*--hiển thị menu cấp 2 khi đưa chuột vào--*/
ul#topnav li span a { display: inline; } /*-- tất cả các menu câp 2 cùng nằm trên 1 dòng--*/
ul#topnav li span a:hover {text-decoration: none; background: #F5F5F5; color:black;}
 

  
  